import styled from 'styled-components'

 export const StyledList=styled.ul`
li{
  padding: .1rem;
  border-bottom: 1px solid #ccc;
  display: flex;
  img{
    width: 1rem;
    height: .8rem;
  }
  div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .2rem;
    h3{
      font-size: .2rem;
      font-weight: 700;
    }
    p{
      font-size: .16rem;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      width: 2.5rem;
    }
    span{
      font-size: 0.12rem;
    }
  }
}
 `